<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>租赁管理</title>
</head>

<body>
    <header>
        <div id="hd-left">
            <div id="logo">
                <img src="../src/images/logo-top.png" alt="" id="hd-logo-top">
                <img src="../src/images/logo-down.png" alt="" id="hd-logo-down">
            </div>
            <span>热爱105°C的你</span>
        </div>
        <ul id="hd-right">
            <img src="../src/images/我的-头像.png" alt="" id="hd-touxiang">
            <div id="hd-chose">
                <select name="" id="hd-select">
                    <option value="" id="pjw666"></option>
                </select>
                <ul id="xialacaidan">
                    <li>个人中心</li>
                    <li>修改密码</li>
                    <li>退出登录</li>
                </ul>
            </div>
            <img src="../src/images/消息.png" alt="" id="hd-news">
            <img src="../src/images/我的-设置.png" alt="" id="hd-setting">
            </div>
    </header>
    <main>
        <div id="main-left">
            <ul>
                <li id="main-left-sy"><img src="./images/sy.png" alt="">首页</li>
            </ul>
            <ul class="sj">
                <li><img src="./images/sjzx.png" alt="">数据中心</li>
                <li>小区管理</li>
                <li>楼宇管理</li>
                <li>车位管理</li>
                <li>业主管理</li>
                <li>租客管理</li>
                <li>访客管理</li>
                <li>广告位管理</li>
                <li>车辆管理</li>
            </ul>
            <ul class="sf">
                <li><img src="./images/sfgl.png" alt="">收费管理</li>
                <li>收银台</li>
                <li>抄表录入</li>
                <li>未交账单</li>
                <li>缴费通知</li>
                <li>已交账单</li>
                <li>预存款管理</li>
                <li>收费设置</li>
            </ul>
            <ul class="wy">
                <li class="go-yw"><img src="./images/ywfw.png" alt="">物业服务</li>
                <li>公告管理</li>
                <li>报事报修</li>
                <li>投诉管理</li>
                <li>短信管理</li>
                <li>装修管理</li>
            </ul>
            <ul class="zl" id="lease-ul">
                <li class="y"><img src="./images/zlgl.png" alt="">租赁管理</li>
                <li class="y1" id="customer">客户管理</li>
                <li class="y2" id="car">车位租赁</li>
                <li class="y3" id="advertising">广告位租赁</li>
                <li class="y4" id="house">房屋租赁</li>
                <li class="y5" id="contract">合同管理</li>
            </ul>
            <ul class="wl">
                <li><img src="./images/wlgl.png" alt="">物料管理</li>
                <li>供应商管理</li>
                <li>仓库管理</li>
                <li>物料清单</li>
                <li>采购入库</li>
                <li>领用出库</li>
                <li>维修领退材</li>
                <li>库存查询</li>
            </ul>
        </div>
        <div id="main-right">
            <!-- 租赁的item页面 -->
            <div id="customerManagement">
                <div id="add-find-div">
                    <button id="add-customers" class='show-customer-modal'>+ 新增客户</button>
                    <div><input type="text" placeholder="请输入客户姓名/手机号搜索" id="customer-search"><span
                            id="search-btn"></span> <span id="filter-btn"></span></div>
                </div>
                <table id="customer-tb">
                    <thead>
                        <tr>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>电话</th>
                            <th>状态</th>
                            <th>租赁意向</th>
                            <th>录入人</th>
                            <th>录入时间</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- 动态渲染数据库的客户信息 -->
                    </tbody>
                </table>
                <div id="customer-bottom-choose-page-div">
                    <span id="customer-prev-span">&lt;</span>
                    <div class="add-pages-span">
                        <!-- 动态添加页数 -->
                    </div>
                    <span id="customer-next-span">></span>
                    <select name="" id="customer-pageSize-select">
                        <option value="5">5条/页</option>
                        <option value="7">7条/页</option>
                        <option value="9">9条/页</option>
                        <option value="11">11条/页</option>
                    </select>
                    跳至
                    <input type="text" id="customer-go-page">页
                </div>
            </div>

            <div id="carRental">
                <div id="add-find-filter-div">
                    <button id="car-add-btn" class="show-customer-modal">添加合同</button>
                    <div><input type="text" placeholder="请输入姓名/车牌号搜索" id="car-search"><span id="search-car-btn"></span>
                        <span id="filter-car-btn"></span>
                    </div>
                </div>
                <table id="carport-tb">
                    <thead>
                        <tr>
                            <th>车辆号码</th>
                            <th>所属小区</th>
                            <th>车位号</th>
                            <th>租赁方</th>
                            <th>联系人</th>
                            <th>联系电话</th>
                            <th>开始时间</th>
                            <th>到期时间</th>
                            <th>合同状态</th>
                            <th>车辆排量</th>
                            <th>收费标准个数</th>
                            <th>收费金额</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- 动态添加租赁车位数据 -->
                    </tbody>
                </table>
                <div id="carRental-bottom-choose-page-div">
                    <span id="car-prev-span">&lt;</span>
                    <div class="add-pages-span">
                        <!-- 动态添加页数 -->
                    </div>
                    <span id="car-next-span">></span>
                    <select name="" id="car-pageSize-select">
                        <option value="5">5条/页</option>
                        <option value="7">7条/页</option>
                        <option value="9">9条/页</option>
                        <option value="11">11条/页</option>
                    </select>
                    跳至
                    <input type="text" id="car-go-page">页
                </div>
            </div>
            <div id="advertisingLeasing">
                <div id="add-find-filter-advertisingLeasing-div">
                    <button class="show-advertise-modal">添加合同</button>
                    <div><input type="text" placeholder="请输入广告名称/租赁方/联系人/联系电话" id="search-advertise"><span
                            id="search-advertising-btn"></span>
                        <span id="filter-advertising-btn"></span>
                    </div>
                </div>
                <table id="advertising-tb">
                    <thead>
                        <tr>
                            <th>广告位编号</th>
                            <th>广告名称</th>
                            <th>租赁方</th>
                            <th>联系人</th>
                            <th>联系电话</th>
                            <th>开始时间</th>
                            <th>结束时间</th>
                            <th>合同状态</th>
                            <th>广告分类</th>
                            <th>广告位名称</th>
                            <th>小区</th>
                            <th>广告位位置</th>
                            <th>广告位大小</th>
                            <th>广告位价格</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- 动态渲染数据 -->

                    </tbody>
                </table>
                <div id="advertising-bottom-choose-page-div">
                    <span id="advertise-prev-span">&lt;</span>
                    <div class="add-pages-span"></div>
                    <span id="advertise-next-span">&gt;</span>
                    <select id="advertise-pageSize-select">
                        <option value="5">5条/页</option>
                        <option value="7">7条/页</option>
                        <option value="9">9条/页</option>
                        <option value="11">11条/页</option>
                    </select>
                    跳至
                    <input type="text" id="advertise-go-page">页
                </div>
            </div>
            <div id="houseRent">
                <div id="add-find-filter-houseRent-div">
                    <button class="show-casa-modal">添加合同</button>
                    <div><input type="text" placeholder="请输入姓名/房号/手机号搜索" id="search-casa"><span
                            id="search-houseRent-btn"></span>
                        <span id="filter-houseRent-btn"></span>
                    </div>
                </div>
                <table id="houseRent-tb">
                    <thead>
                        <tr>
                            <th>小区</th>
                            <th>房号</th>
                            <th>面积</th>
                            <th>朝向</th>
                            <th>租赁方</th>
                            <th>联系人</th>
                            <th>联系电话</th>
                            <th>租金</th>
                            <th>起租时间</th>
                            <th>租金方式</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
                <div id="houseRent-bottom-choose-page-div">
                    <span id="casa-prev-span">&lt;</span>
                    <div class="add-pages-span"></div>
                    <span id="casa-next-span">&gt;</span>
                    <select id="casa-pageSize-select">
                        <option value="5">5条/页</option>
                        <option value="7">7条/页</option>
                        <option value="9">9条/页</option>
                        <option value="11">11条/页</option>
                    </select>
                    跳至
                    <input type="text" id="casa-go-page">页
                </div>
            </div>
            <div id="contractManagement">
                <div id="add-find-filter-contract-div">
                    <span></span>
                    <div><input type="text" placeholder="请输入合同编号/资源名称/联系人" id="search-contract"><span
                            id="search-contract-btn"></span>
                        <span id="filter-contract-btn"></span>
                    </div>
                </div>
                <table id="contract-tb">
                    <thead>
                        <tr>
                            <th>合同编号</th>
                            <th>合同名称</th>
                            <th>资源名称</th>
                            <th>状态</th>
                            <th>租户</th>
                            <th>联系人</th>
                            <th>联系电话</th>
                            <th>签订日期</th>
                            <th>起租日期</th>
                            <th>停租日期</th>
                            <th>租金</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>237823249</td>
                            <td>罗亮租房合同</td>
                            <td>1号楼103</td>
                            <td>正在执行</td>
                            <td>川蜀批发公司</td>
                            <td>罗亮</td>
                            <td>13838381438</td>
                            <td>2021-06-16</td>
                            <td>2021-06-16</td>
                            <td>2022-06-16</td>
                            <td>12000.00</td>
                            <td><span>详情</span><span class="show-contract-modal">编辑</span><span>删除</span></td>
                        </tr>
                    </tbody>
                </table>
                <div id="contract-bottom-choose-page-div">
                    <span id="contract-prev-span">&lt;</span>
                    <div class="add-pages-span">

                    </div>
                    <span id="contract-next-span">&gt;</span>
                    <select name="" id="contract-pageSize-select">
                        <option value="5">5条/页</option>
                        <option value="7">7条/页</option>
                        <option value="9">9条/页</option>
                        <option value="11">11条/页</option>
                    </select>
                    跳至
                    <input type="text" id="contract-go-page">页
                </div>
            </div>

            <!-- 租赁的模态框 -->
            <!-- 客户管理模态框 -->
            <div id="add-customer-modalbox">
                <div id="header-div">
                    <h4 id="customer-title-h4">新增客户</h4><img src="./images/close.png" alt=""
                        class="cancle-customer-btn">
                </div>
                <table>
                    <tbody>
                        <tr>
                            <td class="name-td">姓名:</td>
                            <td><input type="text" id="customerName" placeholder="请输入"></td>
                        </tr>
                        <tr>
                            <td class="sex-td">性别:</td>
                            <td><input type="radio" name="sex" class="check-input" id="man" checked value="男">男 <input
                                    type="radio" name="sex" class="check-input" id="woman" value="女">女</td>
                        </tr>
                        <tr>
                            <td class="tel-td">电话:</td>
                            <td><input type="text" id="customerTel" placeholder="请输入"></td>
                        </tr>
                        <tr>
                            <td class="state-td">状态:</td>
                            <td><select name="" id="customerSelect">
                                    <option value="意向客户">意向客户</option>
                                    <option value="潜在客户">潜在客户</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td class="zulin-td">租赁意向:</td>
                            <td><select name="" id="leaseSelect">
                                    <option value="车位">车位</option>
                                    <option value="广告位">广告位</option>
                                    <option value="房屋">房屋</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td>备注:</td>
                            <td><textarea name="" id="customerremark" class="input-text" cols="30" rows="10"
                                    placeholder="请输入"></textarea></td>
                    </tbody>
                </table>
                <div id="footer-div">
                    <button id="ok-btn">确定</button>
                    <button id="cancel-btn" class="cancle-customer-btn">取消</button>
                </div>

            </div>
            <!-- 车位租赁模态框 -->
            <div id="add-carRental-contract-modalbox">
                <p>基本信息</p>
                <table id="basic-tb">
                    <tbody>
                        <tr>
                            <td class="text-title-td">所属小区:</td>
                            <td><select name="" id="car-estate-select">
                                    <option value="">请选择小区</option>
                                </select></td>
                            <td class="text-title-td">车位号:</td>
                            <td>
                                <select name="" id="carportNumber-select">
                                    <option value="">请选择车位号</option>
                                </select>
                            </td>
                            <td class="text-title-td">收费金额:</td>
                            <td><input type="text" id="car-price"> 元</td>
                        </tr>

                        <tr>
                            <td class="text-title-td">租赁方:</td>
                            <td><input type="text" placeholder="请输入租赁方" id="car-leasee"></td>
                            <td class="text-title-td">联系人:</td>
                            <td><input type="text" placeholder="请输入租赁方联系人" id="car-leaseeContacts"></td>
                            <td class="text-title-td">联系电话:</td>
                            <td><input type="text" placeholder="请输入租赁方联系人电话" id="car-leaseeTel"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">车辆号码:</td>
                            <td><input type="text" placeholder="请输入车牌号" id="car-Number"></td>
                            <td class="text-title-td">车辆排量:</td>
                            <td><input type="text" placeholder="请输入车辆排量" id="car-emissions"></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
                <p id="car-title-p">合同信息</p>
                <table id="bargain-tb">
                    <tbody>
                        <tr>
                            <td class="text-title-td">合同编号:</td>
                            <td><input type="text" placeholder="请输入" id="car-contractNumber"></td>
                            <td class="text-title-td">租户:</td>
                            <td><input type="text" placeholder="请输入" id="car-tenant"></td>
                            <td class="text-title-td">签订日期:</td>
                            <td><input type="date" placeholder="请选择时间" id="car-signingDate"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">法定代表:</td>
                            <td><input type="text" placeholder="请输入" id="car-representative"></td>
                            <td class="text-title-td">联系人:</td>
                            <td><input type="text" placeholder="请输入" id="car-tenantContacts"></td>
                            <td class="text-title-td">合同状态:</td>
                            <td><input type="date" placeholder="请选择时间" id="car-contractType"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">租期(月):</td>
                            <td><input type="text" placeholder="请输入" id="car-term"></td>
                            <td class="text-title-td">停租日期:</td>
                            <td><input type="text" placeholder="请输入" id="car-off_hire"></td>
                            <td class="text-title-td">起租日期:</td>
                            <td><input type="date" placeholder="请选择时间" id="car-start_date"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">收费面积:</td>
                            <td><input type="text" placeholder="请输入" id="car-area"></td>
                            <td class="text-title-td">保证金:</td>
                            <td><input type="text" placeholder="请输入" id="car-earnestMoney"></td>
                            <td class="text-title-td">中介费:</td>
                            <td><input type="text" placeholder="请输入" id="car-agencyfee"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">是否收取租金:</td>
                            <td><input type="checkbox" class="check-input" id="car-isRentMoney"> 收取租金</td>
                            <td class="text-title-td">合同租金总额:</td>
                            <td><input type="text" placeholder="请输入" id="car-totalMoney"></td>
                            <td class="text-title-td">每年租金递增:</td>
                            <td><input type="text" id="car-increase">%</td>
                        </tr>

                        <tr>
                            <td class="text-title-td">保证金说明:</td>
                            <td colspan="5">
                                <input id="remark-input" type="text" placeholder="请输入">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-title-td">备注:</td>
                            <td colspan="5">
                                <input id="upload-attachment-input" type="text" placeholder="请输入">
                            </td>
                        </tr>

                        <tr>
                            <td class="text-title-td">上传附件:</td>
                            <td colspan="5">
                                <input type="file" id="file-input">
                                <button id="add-allowpostattach-btn">+添加</button>
                                <img src='' id="car-accessory">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td colspan="6">
                                <button id="save-contract-btn">保存</button>
                                <button id="return-btn">返回</button>
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>
            <!-- 广告位租赁模态框 -->
            <div id="add-advertising-contract-modalbox">
                <p>基本信息</p>
                <table id="advertising-basic-tb">
                    <tbody>
                        <tr>
                            <td class="text-title-td">所属小区:</td>
                            <td colspan="3"><select name="" id="advertising-choose-plot">
                                </select></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">广告位编号:</td>
                            <td><select name="" id="advertiseNumber-select">
                                </select></td>
                            <td class="text-title-td">广告位类型:</td>
                            <td><input type="text" placeholder="请输入广告位类型" id="advertise-size"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">广告位价格:</td>
                            <td><input type="text" id="advertise-price">元</td>
                            <td class="text-title-td">广告名字:</td>
                            <td><input type="text" id="advertise-locations" placeholder="请输入"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">租赁方:</td>
                            <td><input type="text" placeholder="请输入租赁方" id="advertise-leasee"></td>
                            <td class="text-title-td">联系人:</td>
                            <td><input type="text" placeholder="请输入租赁方联系人" id="advertise-leaseeContacts"></td>
                            <td class="text-title-td">联系电话:</td>
                            <td><input type="text" placeholder="请输入租赁方联系人电话" id="advertise-leaseeTel"></td>
                        </tr>

                    </tbody>
                </table>
                <p id="advertise-title-p">合同信息</p>
                <table id="advertising-bargain-tb">
                    <tbody>
                        <tr>
                            <td class="text-title-td">合同编号:</td>
                            <td><input type="text" placeholder="请输入" id="advertise-contractNumber"></td>
                            <td class="text-title-td">租户:</td>
                            <td><input type="text" placeholder="请输入" id="advertise-tenant"></td>
                            <td class="text-title-td">签订日期:</td>
                            <td><input type="date" placeholder="请选择时间" id="advertise-signingDate"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">法定代表:</td>
                            <td><input type="text" placeholder="请输入" id="advertise-representative"></td>
                            <td class="text-title-td">联系人:</td>
                            <td><input type="text" placeholder="请输入" id="advertise-tenantContacts"></td>
                            <td class="text-title-td">合同状态:</td>
                            <td><input type="date" placeholder="请选择时间" id="advertise-contractType"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">租期(月):</td>
                            <td><input type="text" placeholder="请输入" id="advertise-term"></td>
                            <td class="text-title-td">停租日期:</td>
                            <td><input type="text" placeholder="请输入" id="advertise-off_hire"></td>
                            <td class="text-title-td">起租日期:</td>
                            <td><input type="date" placeholder="请选择时间" id="advertise-start_date"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">收费面积:</td>
                            <td><input type="text" placeholder="请输入" id="advertise-area"></td>
                            <td class="text-title-td">保证金:</td>
                            <td><input type="text" placeholder="请输入" id="advertise-earnestMoney"></td>
                            <td class="text-title-td">中介费:</td>
                            <td><input type="text" placeholder="请输入" id="advertise-agencyfee"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">是否收取租金:</td>
                            <td><input type="checkbox" class="check-input" id="advertise-isRentMoney"> 收取租金</td>
                            <td class="text-title-td">合同租金总额:</td>
                            <td><input type="text" placeholder="请输入" id="advertise-totalMoney"></td>
                            <td class="text-title-td">每年租金递增:</td>
                            <td><input type="text" id="advertise-increase">%</td>
                        </tr>

                        <tr>
                            <td class="text-title-td">保证金说明:</td>
                            <td colspan="5">
                                <input id="advertise-earnestExplain" type="text" placeholder="请输入">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-title-td">备注:</td>
                            <td colspan="5">
                                <input id="advertise-remark" type="text" placeholder="请输入">
                            </td>
                        </tr>

                        <tr>
                            <td class="text-title-td">上传附件:</td>
                            <td colspan="5">
                                <button id="advertising-accessory-btn">附件</button>
                                <button id="advertising-add-allowpostattach-btn">+添加</button>
                                <input type="file" id="file-input-advertise">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td colspan="6">
                                <button id="advertising-save-contract-btn">确定</button>
                                <button id="advertising-return-btn">取消</button>
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>

            <!-- 房屋租赁模态框 -->
            <div id="add-casa-contract-modalbox">
                <p>基本信息</p>
                <table id="casa-basic-tb">
                    <tbody>
                        <tr>
                            <td class="text-title-td">所属小区:</td>
                            <td colspan="3"><select name="" id="casa-choose-plot">
                                </select></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">房号:</td>
                            <td>
                                <select name="" id="casaNumber-select">
                                    <option value="1栋1单元101">1栋1单元101</option>
                                    <option value="1栋1单元102">1栋1单元102</option>
                                    <option value="1栋1单元103">1栋1单元103</option>
                                    <option value="1栋1单元104">1栋1单元104</option>
                                    <option value="2栋1单元101">2栋1单元101</option>
                                    <option value="2栋1单元102">2栋1单元102</option>
                                    <option value="2栋1单元103">2栋1单元103</option>
                                    <option value="2栋1单元104">2栋1单元104</option>
                                </select>
                            </td>
                            <td class="text-title-td">租金方式:</td>
                            <td><input type="text" placeholder="请输入广告位类型" id="casa-size"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">租金:</td>
                            <td><input type="text" id="casa-price">元</td>
                            <td class="text-title-td">朝向:</td>
                            <td><input type="text" id="casa-locations" placeholder="请输入"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">租赁方:</td>
                            <td><input type="text" placeholder="请输入租赁方" id="casa-leasee"></td>
                            <td class="text-title-td">联系人:</td>
                            <td><input type="text" placeholder="请输入租赁方联系人" id="casa-leaseeContacts"></td>
                            <td class="text-title-td">联系电话:</td>
                            <td><input type="text" placeholder="请输入租赁方联系人电话" id="casa-leaseeTel"></td>
                        </tr>

                    </tbody>
                </table>
                <p id="casa-title-p">合同信息</p>
                <table id="casa-bargain-tb">
                    <tbody>
                        <tr>
                            <td class="text-title-td">合同编号:</td>
                            <td><input type="text" placeholder="请输入" id="casa-contractNumber"></td>
                            <td class="text-title-td">租户:</td>
                            <td><input type="text" placeholder="请输入" id="casa-tenant"></td>
                            <td class="text-title-td">签订日期:</td>
                            <td><input type="date" placeholder="请选择时间" id="casa-signingDate"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">法定代表:</td>
                            <td><input type="text" placeholder="请输入" id="casa-representative"></td>
                            <td class="text-title-td">联系人:</td>
                            <td><input type="text" placeholder="请输入" id="casa-tenantContacts"></td>
                            <td class="text-title-td">合同状态:</td>
                            <td><input type="date" placeholder="请选择时间" id="casa-contractType"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">租期(月):</td>
                            <td><input type="text" placeholder="请输入" id="casa-term"></td>
                            <td class="text-title-td">停租日期:</td>
                            <td><input type="text" placeholder="请输入" id="casa-off_hire"></td>
                            <td class="text-title-td">起租日期:</td>
                            <td><input type="date" placeholder="请选择时间" id="casa-start_date"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">收费面积:</td>
                            <td><input type="text" placeholder="请输入" id="casa-area"></td>
                            <td class="text-title-td">保证金:</td>
                            <td><input type="text" placeholder="请输入" id="casa-earnestMoney"></td>
                            <td class="text-title-td">中介费:</td>
                            <td><input type="text" placeholder="请输入" id="casa-agencyfee"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">是否收取租金:</td>
                            <td><input type="checkbox" class="check-input" id="casa-isRentMoney"> 收取租金</td>
                            <td class="text-title-td">合同租金总额:</td>
                            <td><input type="text" placeholder="请输入" id="casa-totalMoney"></td>
                            <td class="text-title-td">每年租金递增:</td>
                            <td><input type="text" id="casa-increase">%</td>
                        </tr>

                        <tr>
                            <td class="text-title-td">保证金说明:</td>
                            <td colspan="5">
                                <input id="casa-earnestExplain" type="text" placeholder="请输入">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-title-td">备注:</td>
                            <td colspan="5">
                                <input id="casa-remark" type="text" placeholder="请输入">
                            </td>
                        </tr>

                        <tr>
                            <td class="text-title-td">上传附件:</td>
                            <td colspan="5">
                                <button id="casa-accessory-btn">附件</button>
                                <button id="casa-add-allowpostattach-btn">+添加</button>
                                <input type="file" id="file-input-casa">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>

                        <tr>
                            <td></td>
                            <td colspan="6">
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td colspan="6">
                                <button id="casa-save-contract-btn">确定</button>
                                <button id="casa-return-btn">取消</button>
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>


            <!-- 合同模态框 -->
            <div id="add-houseRent-contract-modalbox">
                <div id="houseRent-header-div">
                    <h4 id="house-title-h4">租赁合同</h4><img src="./images/close.png" id="contract-cancel-btn">
                </div>
                <table id="houseRent-bargain-tb">
                    <tbody>

                        <tr>
                            <td class="text-title-td">合同编号:</td>
                            <td><input type="text" placeholder="请输入" id="contract-contractNumber"></td>
                            <td class="text-title-td">租户:</td>
                            <td><input type="text" placeholder="请输入" id="contract-tenant"></td>
                            <td class="text-title-td">签订日期:</td>
                            <td><input type="date" placeholder="请选择时间" id="contract-signingDate"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">法定代表:</td>
                            <td><input type="text" placeholder="请输入" id="contract-representative"></td>
                            <td class="text-title-td">联系人:</td>
                            <td><input type="text" placeholder="请输入" id="contract-tenantContacts"></td>
                            <td class="text-title-td">合同状态:</td>
                            <td><input type="date" placeholder="请选择时间" id="contract-contractType"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">租期(月):</td>
                            <td><input type="text" placeholder="请输入" id="contract-term"></td>
                            <td class="text-title-td">停租日期:</td>
                            <td><input type="text" placeholder="请输入" id="contract-off_hire"></td>
                            <td class="text-title-td">起租日期:</td>
                            <td><input type="date" placeholder="请选择时间" id="contract-start_date"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">收费面积:</td>
                            <td><input type="text" placeholder="请输入" id="contract-area"></td>
                            <td class="text-title-td">保证金:</td>
                            <td><input type="text" placeholder="请输入" id="contract-earnestMoney"></td>
                            <td class="text-title-td">中介费:</td>
                            <td><input type="text" placeholder="请输入" id="contract-agencyfee"></td>
                        </tr>

                        <tr>
                            <td class="text-title-td">是否收取租金:</td>
                            <td><input type="checkbox" class="check-input" id="contract-isRentMoney"> 收取租金</td>
                            <td class="text-title-td">合同租金总额:</td>
                            <td><input type="text" placeholder="请输入" id="contract-totalMoney"></td>
                            <td class="text-title-td">每年租金递增:</td>
                            <td><input type="text" id="contract-increase">%</td>
                        </tr>

                        <tr>
                            <td class="text-title-td">保证金说明:</td>
                            <td colspan="5">
                                <input id="contract-earnestExplain" type="text" placeholder="请输入">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-title-td">备注:</td>
                            <td colspan="5">
                                <input id="contract-remark" type="text" placeholder="请输入">
                            </td>
                        </tr>


                        <tr>
                            <td class="text-title-td">上传附件:</td>
                            <td colspan="5">
                                <button id="houseRent-accessory-btn">附件</button>
                                <button id="houseRent-add-allowpostattach-btn">+添加</button>
                                <input type="file" id="file-input-contract">
                            </td>
                        </tr>
                    </tbody>
                </table>

                <div id="houseRent-footer-div">
                    <button id="houseRent-ok-btn">确定</button>
                    <button id="houseRent-cancel-btn">取消</button>
                </div>

            </div>

            <!-- 车位租赁合同的图片模态框 -->
            <div id="show-img-div">
                <div id='cancle-img-div'></div>
                <img src="" alt="" id="cancle-img">
            </div>

        </div>
        </div>
        </div>
    </main>
</body>

</html>